import type { IconProps } from "@yamada-ui/react"
import { Icon } from "@yamada-ui/react"

export interface StorybookIconProps extends IconProps {}

export function StorybookIcon(props: StorybookIconProps) {
  return (
    <Icon fill="currentColor" viewBox="0 0 32 32" {...props}>
      <path d="m21.786.318-.161 3.615c-.005.203.229.328.391.203l1.411-1.068 1.198.932c.156.104.365 0 .375-.188l-.135-3.677 1.776-.135c.922-.063 1.708.672 1.708 1.599v28.802c0 .917-.766 1.646-1.682 1.599l-21.469-.958c-.833-.036-1.505-.708-1.531-1.547l-1-26.401c-.052-.885.62-1.646 1.505-1.693l17.599-1.109zm-4.093 12.083c0 .625 4.214.318 4.786-.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 .938-.427 1.469-1.401 1.469-1.281 0-1.802-.651-1.734-2.88 0-.479-4.865-.641-5.026 0-.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292.964-1.464 1.505-1.464.604 0 1.667.094 1.589 2.49z" />
    </Icon>
  )
}
